@charset "utf-8";
/* CSS Document */
/****************首页轮转图*****************/
.body{
	width:100%;
	height:auto;
}
.box{
 width:100%;
 height:650px;
 border:solid 1px #CCC;
 padding:5px;
}
.box1{
 width:100%;
 height:650px;
 position:relative;
 overflow:hidden;
}
.picbox{
 width:100%;
 height:650px;
 position:relative;
 display:none;
}
.shadow{
 width:100%;
 height:650px;
 position:absolute;
 bottom:0px;
 left:0px;
 background:#C6B8AA;
 opacity:0.5;
 filter:alpha(opacity=50);
}

/****************诗句字体*****************/
.position1 {
  font-family:"华文行楷";
  word-wrap:break-word;
  position:absolute;
  top:35px;
  left:1200px;
  height:30px;
  line-height:30px;
  font-size:35px;
  width:20px;
  line-height:50px;
  text-shadow:0 0 20px  #fff;
}
.position2{
  font-family:"华文行楷";
  word-wrap:break-word;
  position:absolute;
  top:100px;
  left:1100px;
  height:30px;
  line-height:30px;
  font-size:35px;
  width:20px;
  line-height:60px;
  text-shadow:0 0 30px  #fff;
	}
/****************导航*****************/
.navigation{
	width:100%;
	height:75px;
	background-color:#D3D5D4;
	margin-top:1px;
	margin-bottom:2px;
	}
.nav li{
	left:600px;
	float:left;
	padding:10px;
	top:9px;
	font-size:25px;
	}
/****************圆角矩形*****************/	
.bottom{
	margin-left:5px;
	margin-right:5px;
	width:100%;
	height:auto;
	margin-top:83px;
	border:solid 1px #fff;
	}
.radius{
	float:left;
	width:350px;
	height:305px;
	border:2px solid #f36;
	background:#ccc;
	margin-top:110px;
	margin-bottom:100px;
	margin-left:80px;
	transform:rotate(-10deg);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
.rfont{
	margin-bottom:130px;
	width:700px;
	margin-left:550px;
	margin-top:40px;
}
.rfont h1{
	font-family:"华文行楷";
	font-size:35px;
}
.rfont p{
	text-indent:2em;
	font-size:25px;
	font-family:"华文行楷";
}
/****************radius-intro*****************/	
.intro-p{
	width:100%;
	height:400px;
	color:#00B1BA;
	background-color:#F5E2CF;
	font-family:"Algerian";
	font-size:25px;
	top:30px;
	background-repeat:no-repeat;
	}
.p1{
	word-wrap:break-word;
	position:absolute;
	line-height:50px;
	margin-left:50px;
	margin-top:50px;
}
.p2{
	word-wrap:break-word;
	position:absolute;
	line-height:50px;
	margin-left:100px;
	margin-top:180px;
}
.p3{
	word-wrap:break-word;
	position:absolute;
	line-height:50px;
	margin-left:150px;
	margin-top:300px;
}
.radius-intro{
	width:400px;
	height:400px;
	background:#D3D5D4;
	margin-top:5px;
	margin-bottom:100px;
	margin-left:700px;
	word-wrap:break-word;
	position:absolute;
	line-height:50px;
	transform:rotate(-45deg);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
/****************about us*****************/
.ap1{
	font-family:"华文琥珀";
	margin-left:600px;
	margin-top:100px;
	font-size:60px;
	text-shadow:0 0 20px  #F3ABAC;
}
.ap2{
	font-size:40px;
	font-family:"Blackadder ITC";
	margin-left:100px;
	margin-top:30px;
	text-shadow:0 0 30px  #F3ABAC;
}
.ap3{
	font-size:40px;
	font-family:"Blackadder ITC";
	margin-left:100px;
	margin-top:50px;
	text-shadow:0 0 30px  #F3ABAC;
}
.ap4{
	font-size:40px;
	font-family:"Blackadder ITC";
	margin-left:100px;
	margin-top:50px;
	margin-bottom:70px;
	text-shadow:0 0 30px  #F3ABAC;
}
/****************reg*****************/
.reg{
	background-color:#F8E8D8;
	height:auto;
}
.reg h1{
	font-family:"华文行楷";
	font-size:30px;
}
.reg button{
	margin-bottom:20px;
	}
/****************emile*****************/
.emile{
	background:#000;
	width:100%;
	height:100px;
	color:#000; 
	filter:alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity: 0.2;
}
.efont{
	word-wrap:break-word;
	position:absolute;
	color:#fff;
	font-size:13px;
	left:500px;
	margin-top:15px;
	text-align: center;
	float:left; 
	list-style-type:none;
	text-decoration:none;
	text-align:center;
}







@-moz-keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@-webkit-keyframes loading {
  0%, 100% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    -ms-transform: scale(1.1) rotateZ(12deg);
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    -ms-transform: scale(0.8) rotateZ(-8deg);
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
.loader {
  overflow: hidden;
  font-size: 45px;
}
.loader span {
  -moz-animation: loading 1s linear infinite -0.8s;
  -webkit-animation: loading 1s linear infinite -0.8s;
  animation: loading 1s linear infinite -0.8s;
  float: left;
}
.loader .span2 {
  -moz-animation: loading 1s linear infinite -0.2s;
  -webkit-animation: loading 1s linear infinite -0.2s;
  animation: loading 1s linear infinite -0.2s;
}
.loader .span3 {
  -moz-animation: loading 1s linear infinite -0.5s;
  -webkit-animation: loading 1s linear infinite -0.5s;
  animation: loading 1s linear infinite -0.5s;
}
.loader .span4 {
  -moz-animation: loading 1s linear infinite -1.1s;
  -webkit-animation: loading 1s linear infinite -1.1s;
  animation: loading 1s linear infinite -1.1s;
}
.loader .span5 {
  -moz-animation: loading 1s linear infinite -0.36s;
  -webkit-animation: loading 1s linear infinite -0.36s;
  animation: loading 1s linear infinite -0.36s;
}
.loader .span6 {
  -moz-animation: loading 1s linear infinite -0.65s;
  -webkit-animation: loading 1s linear infinite -0.65s;
  animation: loading 1s linear infinite -0.65s;
}
.loader .span7 {
  -moz-animation: loading 1s linear infinite -0.93s;
  -webkit-animation: loading 1s linear infinite -0.93s;
  animation: loading 1s linear infinite -0.93s;
}

.font1 {
  font-family: "Helvetica", Arial, sans-serif;
   word-wrap:break-word;
  position:absolute;
  margin-left:600px;
     margin-top:40px;
}

.font2 {
  font-family: Impact;
   word-wrap:break-word;
  position:absolute;
   margin-left:630px;
      margin-top:130px;
}

.font3 {
  font-family: "Webdings";
   word-wrap:break-word;
  position:absolute;
   margin-left:550px;
      margin-top:220px;
}

.font4 {
	 word-wrap:break-word;
  position:absolute;
  font-family: "Comic Sans MS", sans-serif;
  font-weight: bold;
   margin-left:600px;
   margin-top:300px;
}